﻿@model Bids.Web.Model.InfoModel
@{
    ViewBag.Title = "设计师信息";
    Layout = "_Layout.cshtml";
    
}
@section head{
    <script type="text/javascript">
        function popup_modify_info() {
            document.location.href = '@Url.Action("Info_Edit","Designer")';
        }
        jQuery(function () {
            jQuery('.labelli').hover(function () {
                jQuery(this).find('.u-e-box').show();
            }, function () {
                jQuery(this).find('.u-e-box').hide();
            });
            //编辑图标点击事件
            jQuery('.u-icon-edit').click(function () {
                var quota = jQuery('#quota').val();
                //if (quota >= '3' && !jQuery(this).parent().parent().hasClass('selected')) {
                //    alert("您已经选择了三个标签了！"); return false; 
                //};
                var inputobj = jQuery(this).parent().prev().find('.u-e-input');
                jQuery(this).css("display", "none");
                jQuery(this).next().css("display", "inline-block");
                inputobj.removeAttr("disabled").removeClass("normal").css({ color: "#555", padding: "0px" });
                return false;
            });
            //保存图标点击事件
            jQuery('.u-icon-save').click(function () {
                var inputobj = jQuery(this).parent().prev().find('.u-e-input');
                var price = inputobj.val();
                var labelid = jQuery(this).attr("lang");
                var obj = jQuery(this);
                var li = obj.parent().parent();
                jQuery('#quota').val(parseInt(jQuery('#quota').val()) + 1);
                if (jQuery(this).attr("lang") == 5) {
                    if (inputobj.val() <= 200) {
                        alert("标志设计服务报价必须大于200元");
                        return false;
                    }
                }
                jQuery.ajax({
                    type: 'POST',
                    url: 'ajaxInfo',
                    data: 'labelid=' + labelid + '&price=' + price,
                    success: function (html) {
                        inputobj.addClass("normal").css("color", "#FFF");
                        obj.css("display", "none");
                        obj.prev().css("display", "inline-block");
                        obj.parent().parent().addClass("selected");
                        li.find('.u-icon-cancel').css("display", "inline-block");
                        var ttselected = obj.parent().parent().find('.badge').html();
                        ttselected = parseInt(ttselected) + 1;
                        obj.parent().parent().find('.badge').html(ttselected).attr("rel", "已有" + ttselected + "名设计师选择了此标签");
                    },
                    failure: function () { alert("Ajax Error!"); }
                });
                return false;
            });
            
            //删除
            jQuery('.u-icon-cancel').click(function () {
                var obj = jQuery(this);
                var li = obj.parent().parent();
                var labelid = jQuery(this).attr("lang");
                jQuery.ajax({
                    type: 'POST',
                    url: 'ajaxInfo',
                    data: 'labelid=' + labelid + '&price=0',
                    success: function (html) {
                        li.removeClass('selected');
                        li.find('.u-e-input').val(0);
                        obj.hide();
                        jQuery('#quota').val(parseInt(jQuery('#quota').val()) - 1);
                        var ttselected = obj.parent().parent().find('.badge').html();
                        ttselected = parseInt(ttselected) - 1;
                        obj.parent().parent().find('.badge').html(ttselected).attr("rel", "已有" + ttselected + "名设计师选择了此标签");;
                    },
                    failure: function () { alert("Ajax Error!"); }
                });


                return false;
            });

            jQuery(".selectedTagPanel .badge").mouseover(function () {
                jQuery('.tipsy1').remove();
                var offset = jQuery(this).offset();
                var tip = '<div class="tipsy1 tipsy-n1"><div class="tipsy-inner1">' + jQuery(this).attr('rel') + '</div><div class="tipsy-arrow1 tipsy-arrow-n1"></div></div>';
                jQuery('body').append(tip);
                jQuery('.tipsy1').css({ 'left': offset.left + jQuery(this).width() / 2 - jQuery('.tipsy1').width() / 2, 'top': offset.top - 40 });
            });
            jQuery("..selectedTagPanel .badge").mouseleave(function () {
                jQuery('.tipsy1').remove();
            });
        });
    </script>
    <style type="text/css">
    </style>
    <script type="text/javascript">
        

    </script>
}
<div class="content">
    <div class="l-FuWuS">
        <ul style="margin: 0; padding: 0;" id="showcontent">
            <!-- 个人信息 -->
        <li id="_member_List" class="clearfix">
                <span class="l-FuWuS-number">1</span>
                <span class="fwstitle">个人信息</span>
                <div style="padding-left: 12px;">
                    <div style="float: left; margin: 13px 0 0 16px;">
                        <span class="fwsspanl">Email:</span><span class="fwsspanr">@Model.User.Email</span>
                        <div style="clear: both; height: 5px;"></div>
                        <span class="fwsspanl">昵称:</span><span class="fwsspanr">@Model.User.NickName</span>
                        <div style="clear: both; height: 5px;"></div>
                        <span class="fwsspanl">QQ:</span><span class="fwsspanr">@Model.User.QQ</span>
                        <div style="clear: both; height: 5px;"></div>
                        <span class="fwsspanl">手机:</span><span class="fwsspanr">@Model.User.Phone</span>
                        <div style="clear: both; height: 5px;"></div>
                    </div>
                    <div style="float: left; text-align: center; margin: 13px 0 0 40px;">
                        <span style="margin-left: 0; width: 44px; height: 20px; line-height: 20px;" class="fwsspanl">头像:</span>@*
                        <span style="display: block; float: left;">
                            <img align="absmiddle" title="实习设计师" alt="实习设计师" class="img2" src="/images/level_0.gif">
                            实习设计师</span>*@
                        <br/>
                        <br class="clear">
                        <a  href="@Url.Action("Info_Edit", "Designer")">
                           
                            <img align="absmiddle" style="width: 150px;" src="@(Model.User.HeadPortrait==null?"/images/designer_96.gif":Model.User.HeadPortrait)" id="user_face_readonly">
                        </a>
                    </div>
                    <br style="clear: both;">
                </div>
                <div class="info_input_list" style="padding-left: 12px;">
                    <span style="margin-left: 16px;" class="fwsspanl">设计宣言:</span><span style="width: auto; line-height: 37px; height: auto;" class="fwsspanr">@Model.User.Declaration</span>
                    <div style="clear: both; height: 5px;"></div>
                    <span style="margin-left: 16px; line-height: 20px; height: 25px;" class="fwsspanl">简介:</span><span style="width: 494px; line-height: 20px; height: auto;" class="fwsspanr">@Model.User.Summary</span>
                    <div style="clear: both; height: 5px;"></div>
                    <span style="margin-left: 16px; height: 25px; line-height: 20px;" class="fwsspanl">毕业院校:</span><span style="width: 494px; height: 25px; line-height: 20px;" class="fwsspanr">@Model.User.GraduateSchool</span>
                    <div style="clear: both; height: 5px;"></div>
                </div>
                <div style="clear: both; height: 5px; border-bottom: 1px dashed #cccccc; padding-top: 10px; margin-bottom: 15px;"></div>
                <button style="width: 100px; height: 30px; float: left; margin: 0 0 15px 96px;" onclick="popup_modify_info();" class="submit" id="popup_modify_info_btn">编  辑</button><!--<div id="msg" class="msg" style="float:left; margin-left:20px;"></div>-->
                <br class="clear">
            </li>
           
            <!-- 服务标签 -->
            <li style="margin-top: 20px;" class="clearfix">
                <span class="l-FuWuS-number">2</span>
                <span class="fwstitle">设计服务</span>
               @* <p style="margin: 5px 40px; font-size: 14px;">请选择你能提供的设计服务与收费标准。 （最多3项）</p>*@
                <dl style="margin: 0; padding: 0 0 0 40px;">
                    <dd style="margin: 0 auto; border: 0; padding: 0;" class="selectedTagPanel">
                        <span style="display: block; font-size: 18px; border-bottom: 2px solid #D1D1D1; width: 650px; margin: 15px 0 5px 0;">平面设计：</span>
                        <input type="hidden" value="0" id="quota">
                        <ul style="padding: 0;" class="clearfix">
                            <li class="labelli ">
                                <span rel="已有167名设计师选择了此标签" class="badge badge-warning">@Model.Sign</span>
                                <div class="big-name">标志设计</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.Sign" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden" style="display: none;">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Sign" title="保存"  class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Sign" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有91名设计师选择了此标签" class="badge badge-warning">@Model.Brand</span>
                                <div class="big-name">品牌VI</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.Brand" class="u-e-input normal" disabled="disabled">
                                        元 /套</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Brand" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Sign" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有25名设计师选择了此标签" class="badge badge-warning">@Model.Cartoon</span>
                                <div class="big-name">卡通形象</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.Cartoon" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Cartoon" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Cartoon" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有61名设计师选择了此标签" class="badge badge-warning">@Model.Posters</span>
                                <div class="big-name">宣传海报</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.Posters" class="u-e-input normal" disabled="disabled">
                                        元 /张</span>
                                </div>
                                <div class="u-e-box hidden" style="display: none;">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Posters" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Posters" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有89名设计师选择了此标签" class="badge badge-warning">@Model.PictureAlbum</span>
                                <div class="big-name">企业画册</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.PictureAlbum" class="u-e-input normal" disabled="disabled">
                                        元 /页</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="PictureAlbum" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="PictureAlbum" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有43名设计师选择了此标签" class="badge badge-warning">@Model.Pacr</span>
                                <div class="big-name">包装设计</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.Pacr" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Pacr" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Pacr" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有22名设计师选择了此标签" class="badge badge-warning">@Model.ShopSign</span>
                                <div class="big-name">广告招牌</div>
                                <div class="big-content">
                                    <span>我的收费
                                        <input type="text" value="@Model.Plane.ShopSign" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="ShopSign" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="ShopSign" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                        </ul>
                        <br class="clear">
                    </dd>
                </dl>

                <dl style="margin: 0; padding: 0 0 0 40px;">
                    <dd style="margin: 0 auto; border: 0; padding: 0;" class="selectedTagPanel">
                        <span style="display: block; font-size: 18px; border-bottom: 2px solid #D1D1D1; width: 650px; margin: 15px 0 5px 0;">网站建设：</span>
                        <input type="hidden" value="0" id="quota">
                        <ul style="padding: 0;" class="clearfix">
                            <li class="labelli ">
                                <span rel="已有19名设计师选择了此标签" class="badge badge-warning">@Model.Web</span>
                                <div class="big-name">网页设计</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.Web" class="u-e-input normal" disabled="disabled">
                                        元 /页</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Web" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Web" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有5名设计师选择了此标签" class="badge badge-warning">@Model.Flash</span>
                                <div class="big-name">Flash制作</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.Flash" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Flash" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Flash" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有5名设计师选择了此标签" class="badge badge-warning">@Model.Interface</span>
                                <div class="big-name">界面设计</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.Interface" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Interface" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Interface" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有15名设计师选择了此标签" class="badge badge-warning">@Model.AllWeb</span>
                                <div class="big-name">整站建设</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.AllWeb" class="u-e-input normal" disabled="disabled">
                                        元 /起</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="AllWeb" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="AllWeb" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有9名设计师选择了此标签" class="badge badge-warning">@Model.Banner</span>
                                <div class="big-name">Banner</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.Banner" class="u-e-input normal" disabled="disabled">
                                        元</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Banner" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Banner" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有9名设计师选择了此标签" class="badge badge-warning">@Model.TaoBao</span>
                                <div class="big-name">淘宝店装修</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.TaoBao" class="u-e-input normal" disabled="disabled">
                                        元 /起</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="TaoBao" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="TaoBao" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有0名设计师选择了此标签" class="badge badge-warning">@Model.Order</span>
                                <div class="big-name">程序开发</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.Order" class="u-e-input normal" disabled="disabled">
                                        元 /起</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="Order" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="Order" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                            <li class="labelli ">
                                <span rel="已有0名设计师选择了此标签" class="badge badge-warning">@Model.WebUpdate</span>
                                <div class="big-name">网站改版</div>
                                <div class="big-content">
                                    <span>我的收费
		            			<input type="text" value="@Model.Plane.WebUpdate" class="u-e-input normal" disabled="disabled">
                                        元 /起</span>
                                </div>
                                <div class="u-e-box hidden">
                                    <a title="编辑" class="u-icon-edit btn btn-mini btn-warning" href="#">编辑</a>
                                    <a lang="WebUpdate" title="保存" class="u-icon-save btn btn-success btn-mini" href="#">保存</a>
                                    <a lang="WebUpdate" style="display: none;" title="删除" class="u-icon-cancel btn btn-danger btn-mini" href="#">删除</a>
                                </div>
                            </li>
                        </ul>
                        <br class="clear">
                    </dd>
                </dl>
                <br class="clear">
            </li>
        </ul>
    </div>
</div>

<script type="text/javascript" language="javascript">
    var massage = "@TempData["Message"]";
    if (massage != null && massage != "") {
        var da = art.dialog({
            lock: true,
            time: 3,
            content: massage,
            icon: 'face-smile',
            ok: function () {
                da.close();
            }
        });
    }
</script>